<template>
    <view class="content">
        <kevy-empty :show="true" image="/static/empty.jpg" text="这里空空如也哦~"></kevy-empty>
		<view class="return-index" @tap="goIndex">
		    去首页看看吧
		</view>
		<displayList style="margin-top: 180rpx;"></displayList>
    </view>
</template>

<script>
	import displayList from './displayList.vue';
    export default {
		components:{
			displayList
		},
        data() {
            return {

            };
        },
		methods:{
			goIndex(){
			    uni.switchTab({
			        url:'/pages/index/index'
			    })
			}
		}
    }
</script>

<style lang="scss">
    .content {
        min-height: 100vh;
        min-width: 100vw;
        box-sizing: border-box;
        background-color: #ffffff;
    }

    .self {
        text-align: center;
        margin: 60rpx auto 30rpx;
        font-size: 28rpx;
        color: #a7a7a7;
        background-color: #f7f7f7;
        border-radius: 30rpx;
        padding: 10rpx 20rpx;
        width: 300rpx;
    }
	.return-index{
	    margin: 20rpx;
	    color: #ffffff;
	    padding: 10rpx 60rpx;
	    border: 2px solid #aaaa00;
	    border-radius: 40rpx;
		background-color: #dea01f;
		    display: flex; /* 启用Flex布局 */
		    justify-content: center; /* 水平居中 */
		    align-items: center; /* 垂直居中 */
	}
</style>